<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>
<%@ include file="/public/header/permissionCommon.jspf" %>

<head>
    <%--<link rel="stylesheet" href="${webPath}/css/report/public.css">--%>
    <%--<link rel="stylesheet" href="${webPath}/js/layui/css/layui.css">--%>
        <script src="${webPath}/js/largescreen/echarts.min.js"></script>
    <link rel="stylesheet" href="${webPath}/css/report/public.css">
    <style>
        .layui-card-body {
            /*height: 256px;*/
        }

        .chart-area {
            height: 200px;
            text-align: center;
            line-height: 500%;
        }

        .toolbar {
            position: absolute;
            right: 12px;
            top: 6px;
        }

    </style>
</head>



<!--右侧主体区域-->

<div class="layui-row full-width">
    <div class="layui-panel panel">
        <form class="layui-form layui-form-pane" action="" lay-filter="filter-form">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">日期</label>
                    <div class="layui-input-inline">
                        <input type="text" name="year" id="queryDate"  autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
        </form>

        <div class="toolbar">
            <button id="updateReportButton" type="button" class="layui-btn">生成统计报表</button>
            <%--<div class="layui-inline">--%>
                <%--<label class="layui-form-label" id="updateReportButton">双击我触发</label>--%>
                <%--<div class="layui-input-inline">--%>
                    <%--<input type="text" class="layui-input" id="queryUpdateDate" placeholder="yyyy-MM-dd">--%>
                <%--</div>--%>
            <%--</div>--%>
            <input type="text" name="year" id="queryUpdateDate"  autocomplete="off" class="layui-input layui-hide">
            <%--<label id="queryUpdateDate" ></label>--%>
        </div>

    </div>
</div>



<div class="layui-container full-width">
    <div class="layui-row" data-report="1">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>机构统计数据</legend>
        </fieldset>
        <div class="layui-bg-gray" style="padding: 12px;">
            <div class="layui-row layui-col-space5">
                <div class="layui-col-md3">
                    <div class="layui-card">
                        <div class="layui-card-header">一类</div>
                        <div class="layui-card-body chart-area" data-idv="一类">
                            <%--我是一类--%>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card">
                        <div class="layui-card-header">二类</div>
                        <div class="layui-card-body chart-area" data-idv="二类">
                            <%--我是二类--%>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card">
                        <div class="layui-card-header">特殊</div>
                        <div class="layui-card-body chart-area" data-idv="特殊">
                            <%--我是三类--%>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card" >
                        <div class="layui-card-header">帮困</div>
                        <div class="layui-card-body chart-area" data-idv="帮困">
                            <%--我是四类--%>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row" data-report="2">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>居家统计数据</legend>
        </fieldset>
        <div class="layui-bg-gray" style="padding: 12px;">
            <div class="layui-row layui-col-space5">
                <div class="layui-col-md3">
                    <div class="layui-card">
                        <div class="layui-card-header">一类</div>
                        <div class="layui-card-body chart-area" data-idv="一类">
                            <%--我是一类--%>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card">
                        <div class="layui-card-header">二类</div>
                        <div class="layui-card-body chart-area" data-idv="二类">
                            <%--我是二类--%>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card">
                        <div class="layui-card-header">特殊</div>
                        <div class="layui-card-body chart-area" data-idv="特殊">
                            <%--我是三类--%>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card" >
                        <div class="layui-card-header">帮困</div>
                        <div class="layui-card-body chart-area" data-idv="帮困">
                            <%--我是四类--%>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row" data-report="3">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>评估统计数据</legend>
    </fieldset>
    <div class="layui-bg-gray" style="padding: 12px;">
        <div class="layui-row layui-col-space5">
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">一类</div>
                    <div class="layui-card-body chart-area" data-idv="一类">
                        <%--我是一类--%>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">二类</div>
                    <div class="layui-card-body chart-area" data-idv="二类">
                        <%--我是二类--%>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">特殊</div>
                    <div class="layui-card-body chart-area" data-idv="特殊">
                        <%--我是三类--%>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-card" >
                    <div class="layui-card-header">帮困</div>
                    <div class="layui-card-body chart-area" data-idv="帮困">
                        <%--我是四类--%>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

    <%--<div class="layui-row" data-report="4">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>结算统计</legend>
        </fieldset>
        <div class="layui-bg-gray" style="padding: 12px;">
            <div class="layui-row layui-col-space5">
                <div class="layui-col-md3">
                    <div class="layui-card">
                        <div class="layui-card-header">居家</div>
                        <div class="layui-card-body chart-area">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row" data-report="5">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>月报</legend>
        </fieldset>
        <div class="layui-bg-gray" style="padding: 12px;">
            <div class="layui-row layui-col-space5">
                <div class="layui-card-body chart-area">
                </div>
            </div>
        </div>
    </div>--%>
</div>

<script type="text/html" id="ChartAreaErrorLayer">
    <%--<div class="full-width full-height" style="text-align: center; line-height: 500%;">--%>
        <i class="layui-icon layui-icon-face-cry" style="font-size: 64px; color: #d01b2c;"></i>
        <span style="display: block">加载出错了！</span>
    <%--</div>--%>
</script>

<script type="text/html" id="ChartAreaNoDataLayer">
    <%--<div class="full-width full-height" style="">--%>
        <i class="layui-icon layui-icon-file" style="font-size: 64px; color: #ababab;"></i>
        <span style="display: block">没有任何数据!</span>
    <%--</div>--%>
</script>


<%--<div id="updateReportLayer" class="layui-hide">--%>
    <%--<div class="layui-inline">--%>
        <%--<label class="layui-form-label">选择日期</label>--%>
        <%--<div class="layui-input-inline">--%>
            <%--<input type="text" name="year" id="queryUpdateDate"  autocomplete="off" class="layui-input">--%>
        <%--</div>--%>
    <%--</div>--%>
<%--</div>--%>

<script>

</script>

<script src="${webPath}/js/permission/global/error.js"></script>

<script src="${webPath}/js/report/data-overview.js" type="module"></script>
